<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>静态预览</title>
		<link rel="stylesheet" type="text/css" href="../js/layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<script src="../js/jquery.min.js"></script>
		<script src="../js/layui/layui.js"></script>
		<script src="../js/common.js"></script>
	</head>

	<body style="padding: 50px;">
		<div id="upload-1" class="layui-upload-1">
			<div class="layui-upload-list">
				<div class="layui-upload-item">
					<img class="layui-upload-img" src="https://www.baidu.com/img/bd_logo1.png" alt="img.png">
					<span class="preview-t" title="img.png">img.png</span>
					<span class="preview" onclick='previewImg(["https://www.baidu.com/img/bd_logo1.png","https://bable2000.gitee.io/layui-update/img/PDF.pdf"],0)'></span>
				</div>
				<div class="layui-upload-item">
					<div class="layui-upload-img preview-pdf-img" src="https://bable2000.gitee.io/layui-update/img/PDF.pdf" alt="PDF.pdf"></div>
					<span class="preview-t" title="PDF.pdf">PDF.pdf</span>
					<span class="preview" onclick='previewImg(["https://www.baidu.com/img/bd_logo1.png","https://bable2000.gitee.io/layui-update/img/PDF.pdf"],1)'></span>
				</div>
			</div>
		</div>
		<br /><br /><br /><br />
		<span onclick='previewImg(["https://www.baidu.com/img/bd_logo1.png"])'>任意位置预览</span>
	</body>

</html>